.contenido article{
	display: inline-block;
	margin: 10px;
	width: 90%;
	padding: 10px;
	border: 1px solid white;
	border-radius: 5%;
	background: #ccc;
	color: black;
}
.div1 {
float: left;
width: 25%;
text-align: center;
margin-top: 3px;
} 
.div2 {
float: left;
width: 60%;
text-align: center;
} 
.div3 {
float: left;
width: 10%;
position: relative;
text-align: center;
margin-top: 40px;
} 
.headerButton   {
 float: right;
}

img{
	margin: 1px;
	border: solid 1px #383838;
}
.contenedor{ 
padding:1px; 
overflow:hidden; 
height: 95%;
background: #ccc;
margin: 2px;
border: solid 1px black;
} 
.addCarrito{
	background: #0a0;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    width:60px;
    height:20px;
}

.borrarcarrito{
	background: red;
}
#head{
	text-transform: uppercase;
}

/*   CSS DETALLE PRODUCTO   */

.nomPro{
font-family: Times New Roman;
font-size: 20px;
text-align: center;
text-transform: uppercase;
}

.imagenPro{ 
float:left;    
padding:5px; 
width:35%; 
margin:10px;   
} 

.detallePro{ 
float:left;     
padding:2px; 
width:45%; 
margin:10px; 
} 

/*     FIN CSS DETALLE PRODUCTO     */

/*  CSS CARRITO  */

.nomProducto
{
	height: 25%;
	float: left;   
	padding:2px; 
	margin:10px;
}

.cantidadPro
{
	height: 5%;
	float:left;     
	padding:2px; 
	margin:10px;
}

.subTotalPro
{
	height: 20%;
	float:left;     
	padding:2px; 
	margin:10px;
}

.eliminarPro
{
	height: 5%;
	float:left;     
	padding:2px; 
	margin:10px;
}

/*  FIN CSS CARRITO  */

/*  PIE DE PAG CARRITO  */

#totalVenta
{
	text-transform: uppercase;
	float:left;    
	padding:5px; 
	width:35%; 
	margin:10px; 
}
#compra{
	float:left;     
	padding:2px; 
	width:45%; 
	margin:10px; 
}


/*  FIN CSS PIE DE PAG  */

/*   ESTILO TABLAS*/

.column:nth-child(even) {
  background: #dde;
  text-align: center; 
}
.column:nth-child(odd) {
  background: white;
  text-align: center;
}

.tabla
{
	background: blue;
	text-align: center;
	color: white;
	text-transform: uppercase;
}

.row
{
	padding-right:3px;
	padding-left:3px;
}
/*   FIN ESTILO TABLAS*/